<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Solicitudes</title>
    </h:head>
    <h:body>
        <ui:composition template="../templateInt.xhtml">
            <ui:define name="content">
                <h:form>
                    <a4j:outputPanel id="solicitudDatatableRegion" ajaxRendered="true" rendered="#{!inicioBean.isAprobador}">
                        <h:messages style="color:red;margin:8px;"/>
                        <rich:dataTable id="solicitudDataTable" value="#{inicioBean.solicitudes}" var="solicitud" 
                                        rows="#{inicioBean.filas}">
                            <f:facet name="header">
                                <h:outputText value="#{msj.headerDataTableSolicitudes}"></h:outputText>
                            </f:facet>
                            <rich:column id="idSolicitudColumn">
                                <f:facet name="header">
                                    <h:panelGrid columns="2">
                                        <a4j:commandLink value="Id Solicitud"
                                                         execute="@this" action="#{inicioBean.ordenar()}"
                                                         render="solicitudDataTable">
                                            <f:param name="sortProperty" value="idSolicitud"/>                                        
                                        </a4j:commandLink>
                                        <h:graphicImage value="../imagenes/down_icon.gif"
                                                        alt="" rendered="#{!inicioBean.ascendiente}"/>
                                        <h:graphicImage value="../imagenes/up_icon.gif"
                                                        rendered="#{inicioBean.ascendiente}"/>
                                    </h:panelGrid>
                                </f:facet>
                                <h:outputText id="idSolicitudOutputText" value="#{solicitud.idSolicitud}" />
                            </rich:column>
                            <rich:column id="nombreSolicitudColumn">
                                <f:facet name="header">
                                    <h:outputText value="Solicitud"></h:outputText>
                                </f:facet>
                                <h:outputText id="nombreSolicitudOutputText" value="#{solicitud.descripcion}"/>
                            </rich:column>
                            <rich:column id="estadoSolicitudColumn">
                                <f:facet name="header">
                                    <h:panelGrid columns="2">
                                        <a4j:commandLink value="Estado"
                                                         execute="@this" action="#{inicioBean.ordenar()}"
                                                         render="solicitudDataTable">
                                            <f:param name="sortProperty" value="estado.nombre"/>                                        
                                        </a4j:commandLink>
                                        <h:graphicImage value="../imagenes/down_icon.gif"
                                                        alt="" rendered="#{!inicioBean.ascendiente}"/>
                                        <h:graphicImage value="../imagenes/up_icon.gif"
                                                        rendered="#{inicioBean.ascendiente}"/>
                                    </h:panelGrid>
                                </f:facet>
                                <h:outputText id="estadoSolicitudOutputText" value="#{solicitud.estado.nombre}"/>
                            </rich:column>
                            <f:facet name="footer" >
                                <rich:dataScroller for="solicitudDataTable" rendered="#{inicioBean.paginado()}" maxPages="5"/>
                            </f:facet>
                        </rich:dataTable>
                    </a4j:outputPanel>
                    <a4j:outputPanel id="aprobadorDatatableRegion" ajaxRendered="true" rendered="#{inicioBean.isAprobador}">
                        <rich:tabPanel id="TipoAplicacionesTabPanel" switchType="client">
                            <rich:tab header="Solicitudes Hechas" name="solicitudesHechas">
                                <rich:dataTable id="solicitudAprobadorDataTable" value="#{inicioBean.solicitudes}" var="solicitud" 
                                                rows="#{inicioBean.filas}">
                                    <f:facet name="header">
                                        <h:outputText value="#{msj.headerDataTableSolicitudes}"></h:outputText>
                                    </f:facet>
                                    <rich:column id="idSolicitudColumn">
                                        <f:facet name="header">
                                            <h:panelGrid columns="2">
                                                <a4j:commandLink value="Id Solicitud"
                                                                 execute="@this" action="#{inicioBean.ordenar()}"
                                                                 render="solicitudAprobadorDataTable">
                                                    <f:param name="sortProperty" value="idSolicitud"/>                                        
                                                </a4j:commandLink>
                                                <h:graphicImage value="../imagenes/down_icon.gif"
                                                                alt="" rendered="#{!inicioBean.ascendiente}"/>
                                                <h:graphicImage value="../imagenes/up_icon.gif"
                                                                rendered="#{inicioBean.ascendiente}"/>
                                            </h:panelGrid>
                                        </f:facet>
                                        <h:outputText id="idSolicitudOutputText" value="#{solicitud.idSolicitud}" />
                                    </rich:column>
                                    <rich:column id="nombreSolicitudColumn">
                                        <f:facet name="header">
                                            <h:outputText value="Solicitud"></h:outputText>
                                        </f:facet>
                                        <h:outputText id="nombreSolicitudOutputText" value="#{solicitud.descripcion}"/>
                                    </rich:column>
                                    <rich:column id="estadoSolicitudColumn">
                                        <f:facet name="header">
                                            <h:panelGrid columns="2">
                                                <a4j:commandLink value="Estado"
                                                                 execute="@this" action="#{inicioBean.ordenar()}"
                                                                 render="solicitudAprobadorDataTable">
                                                    <f:param name="sortProperty" value="estado.nombre"/>                                        
                                                </a4j:commandLink>
                                                <h:graphicImage value="../imagenes/down_icon.gif"
                                                                alt="" rendered="#{!inicioBean.ascendiente}"/>
                                                <h:graphicImage value="../imagenes/up_icon.gif"
                                                                rendered="#{inicioBean.ascendiente}"/>
                                            </h:panelGrid>
                                        </f:facet>
                                        <h:outputText id="estadoSolicitudOutputText" value="#{solicitud.estado.nombre}"/>
                                    </rich:column>
                                    <f:facet name="footer" >
                                        <rich:dataScroller for="solicitudAprobadorDataTable" rendered="#{inicioBean.paginado()}" maxPages="5"/>
                                    </f:facet>
                                </rich:dataTable>
                            </rich:tab>
                            <rich:tab header="Solicitudes Por Aprobar" name="solicitudesAprobar">
                                <h:panelGrid columns="2">
                                    <a4j:commandButton value="Aprobar Todas" action="#{inicioBean.aprobarTodasSolicitudes()}" render="aprobadorDataTable"/>
                                    <a4j:commandButton value="Cancelar Todas" action="#{inicioBean.cancelarTodasSolicitudes()}" render="aprobadorDataTable"/>
                                </h:panelGrid>
                                <rich:dataTable id="aprobadorDataTable" value="#{inicioBean.solicitudesAprobar}" var="aprobador" rendered="#{inicioBean.isAprobador}">
                                    <f:facet name="header">
                                        <h:outputText value="#{msj.headerDataTableAprobaciones}"></h:outputText>
                                    </f:facet>
                                    <rich:column id="idSolicitudColumn">
                                        <f:facet name="header">
                                            <h:panelGrid columns="2">
                                                <a4j:commandLink value="Id Solicitud"
                                                                 execute="@this" action="#{inicioBean.ordenarAprobadas()}"
                                                                 render="aprobadorDataTable">
                                                    <f:param name="sortProperty" value="idSolicitud"/>                                        
                                                </a4j:commandLink>
                                                <h:graphicImage value="../imagenes/down_icon.gif"
                                                                alt="" rendered="#{!inicioBean.ascendiente}"/>
                                                <h:graphicImage value="../imagenes/up_icon.gif"
                                                                rendered="#{inicioBean.ascendiente}"/>
                                            </h:panelGrid>
                                        </f:facet>
                                        <h:outputText id="idSolicitudOutputText" value="#{aprobador.idSolicitud}" />
                                    </rich:column>
                                    <rich:column id="nombreSolicitudColumn">
                                        <f:facet name="header">
                                            <h:outputText value="Solicitud"></h:outputText>
                                        </f:facet>
                                        <h:outputText id="nombreSolicitudOutputText" value="#{aprobador.descripcion}"/>
                                    </rich:column>
                                    <rich:column id="estadoSolicitudColumn">
                                        <f:facet name="header">
                                            <h:panelGrid columns="2">
                                                <a4j:commandLink value="Estado"
                                                                 execute="@this" action="#{inicioBean.ordenarAprobadas()}"
                                                                 render="aprobadorDataTable">
                                                    <f:param name="sortProperty" value="estado.nombre"/>                                        
                                                </a4j:commandLink>
                                                <h:graphicImage value="../imagenes/down_icon.gif"
                                                                alt="" rendered="#{!inicioBean.ascendiente}"/>
                                                <h:graphicImage value="../imagenes/up_icon.gif"
                                                                rendered="#{inicioBean.ascendiente}"/>
                                            </h:panelGrid>
                                        </f:facet>
                                        <h:outputText id="estadoSolicitudOutputText" value="#{aprobador.estado.nombre}"/>
                                    </rich:column>
                                    <rich:column id="aprobarSolicitudColumn">
                                        <f:facet name="header">
                                            <h:outputText value="Acción"></h:outputText>
                                        </f:facet>
                                        <h:commandLink id="aprobarSolicitudCommandLink" value="#{msj.aprobarLink}" actionListener="#{inicioBean.aprobarSolicitud}"/>&nbsp;&nbsp;
                                        <h:commandLink id="cancelarSolicitudCommandLink" value="#{msj.cancelarLink}" actionListener="#{inicioBean.cancelarSolicitud}"/>
                                    </rich:column>
                                    <f:facet name="footer" >
                                        <rich:dataScroller for="aprobadorDataTable" rendered="#{inicioBean.paginadoAprobaciones()}" maxPages="5"/>
                                    </f:facet>
                                </rich:dataTable>
                            </rich:tab>
                        </rich:tabPanel>
                    </a4j:outputPanel>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

